<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Instituto Gastronomico Escoffier</title>
<meta name="keywords" content="" />
<meta name="description" content="" />

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css"  href="css/main.css"/>
<link rel="stylesheet" type="text/css" href="css/menu.css"/>


<link rel="stylesheet" type="text/css" href="js/formcheck/css/theme/classic/formcheck.css"/>
<link rel="stylesheet" type="text/css" href="js/slimbox/css/slimbox.css"/>

<script type="text/javascript" src="js/mootools-1.2-core.js"></script>
<script type="text/javascript" src="js/mootools-1.2-more.js"></script>
<script type="text/javascript" src="js/slimbox/js/slimbox.js"></script>    
<script type="text/javascript" src="js/formcheck/js/formcheck.js"></script>

<script type="text/javascript">
	formcheckLanguage = {
		required: "campo requerido",
		email: "formato de email incorrecto"
	}
	window.addEvent('domready', pageInitial);
	var avLockCheck = null;
	function pageInitial() {
	 	avLockCheck = new FormCheck('formular');
	}
</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-24043417-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</head>

<body id="contacto">
<div id="container">
	<div id="header">
		<!--<h1>Instituto Escoffier</h1>-->
		
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="897" height="157" id="logoBanner" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="swf/logoBanner.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="swf/logoBanner.swf" quality="high" bgcolor="#ffffff" width="897" height="157" name="logoBanner" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
		</object>
	</div>
	<div id="navigation">
		<ul>
			<li><a id="inicioBtn" href="index.php">Inicio</a></li>
			<li><a id="cursosBtn" href="cursos.php">Cursos</a></li>
			<li><a id="galeriaBtn" href="galeria.php">Galeria</a></li>
			<li><a id="contactoBtn" href="contacto.php">Contacto</a></li>
		</ul>
	</div>
	<div id="content">
		<div id="columnLeft">
			<div class="image">
				<img src="images/comida_1.jpg" alt="platillo 1" title="platillo 1" />
			</div>
			<div class="image">
				<img src="images/comida_2.jpg" alt="platillo 1" title="platillo 1" />
			</div>
		</div>
		<div id="columnRight">
			<h2>Contacto</h2>
			<h3>Gerente Ejecutivo</h3>
			<div class="list">
				<p>Jonathan Salazar Vargas</p>
			</div>
			
			
			<h3>Direccion</h3>
			<div class="list">
				<p>200 mts este de la Catedral  de Alajuela</p>
			</div>
			
			<h3>Puede llamar a los numeros</h3>
			<div class="list">
				<ul>
					<li>Celular: 8325-77-11 </li>
					<li>Oficina:  2433-99-10</li>					
				</ul>
			</div>
			<h3>Enviarnos un correo a</h3>
			<div class="list">
				<ul>
					<li><a href="mailto:info@institutoescoffier.com">info@institutoescoffier.com</a></li>
					<li><a href="mailto:jonathansalazar28@hotmail.com">jonathansalazar28@hotmail.com</a></li>
				</ul>
			</div>
			<h3>Enviarnos su consultas</h3>
			<div id="contacto">
			
            <form class="formular" id="formular" action="mail/enviar.php"  method="post">
              <table>
                <tr>
                  <td width="134" valign="top" >Nombre:</td>
                  <td width="404"><label>
                    <input name="nombre" type="text" id="nombre" size="40" class="validate['required'] text-input" />
                    </label>
                  </td>
                </tr>
                <tr>
                  <td width="134" valign="top" >Email:</td>
                  <td width="404"><label>
                    <input name="email" type="text" id="email" size="40" class="validate['required','email'] text-input" />
                    </label>
                  </td>
                </tr>
                <tr>
                  <td valign="top" >Descripci&oacute;n:</td>
                  <td><textarea name="descripcion" cols="40" rows="10" id="descripcion"></textarea></td>
                </tr>
                <tr>
                  <td valign="top"></td>
                  <td><input type="submit" value="Enviar"  class="validate['submit'] submit" /></td>
                </tr>
              </table>
            </form>
          </div>
		</div>
		<div class="clear"></div>
	</div>
	
</div>
<div id="containerFooter">
	<div id="footer">
		<div class="facebook">
			<a href="http://www.facebook.com/institutoescoffier" title="Encuentranos en facebook" target="_blank">
				<img src="images/facebook.png" alt="facebook" width="45" height="45" />
			</a>
		</div>
		<div class="text">Instituto Escoffier, 2010</div>
	</div>
</div>

</body>
</html>